@import '../../../../style/color.scss';
@import '../../../../style/font.scss';
@import "../../../../style/mixin.scss";

.track-page {

  .search-action-wrap {
    margin-bottom: 20px;
  }

  .ant-form {
    .ant-form-item {
      width: 260px;
      height: 40px;
      margin: 0;

      &:first-child {
        margin-right: 30px;
      }

      .ant-calendar-picker {
        .ant-calendar-picker-input {
          width: 260px;
          color: $form-input-color;

          &::placeholder {
            color: $search-input-color;
          }
        }
      }
    }
    .label {
      display: inline-block;
      color: $normal-font-color;
      font-family: $regular-font-family;
      font-size: 18px;
      line-height: 40px;


      &:not(:first-child) {
        margin-left: 30px;
      }
    }

    .search-btn {
      float: right;
      margin-left: 30px;
      vertical-align: top;

      img {
        margin-right: 12px;
      }
    }
  }

  .map-wrap {
    width: 100%;
    height: 676px;
    border:solid 1px $button-normal-background-color;
  }
}

.map-border-bg {
  width: 100%;
  height: 731px;
  padding: 28px 32px;
  box-sizing: border-box;
  background:
    url("./../../../../../images/page/map_b_l1.png") no-repeat top left,
    url("./../../../../../images/page/map_b_r1.png") no-repeat top right;
  background-size: 263px 100%;
}

.ant-select-selection__placeholder, .ant-select-search__field__placeholder {
  color: $form-input-placeholder;
}
